import styled from 'styled-components'

export const CenterBox = styled.div`
*{ margin:0; padding:0;
}
height:100%;
width:100%;
background-color:#f4f4f4;


.top{
  width:100vw;
  height:180px;
  background:url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic27.nipic.com%2F20130331%2F9252150_140350632381_2.jpg&refer=http%3A%2F%2Fpic27.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1628578753&t=c5318651ab41b8dd52bfa8ad4ba61dce") -30px;
  img{
    width:68px;
    height:68px;
    border-radius:50%;
    /* position:fixed; 
     top:80px;
    left:50px; */
    margin:.8rem 0 0 .5rem; 
  }
  h6{
    /* position:fixed;
    top:105px;
    left:150px; */
    float:right;
    margin:1.05rem 1.5rem 0 0; 
    
    color:orange
  }
}

.divUl{
  background-color:#fff;
  display:flex;
  justify-content:space-around;

  li{
    list-style:none;
    height:100%;
   a{
    font-size:24px;
    line-height:72px;
   }
  }
}

.divList{
  margin-top:10px;
  p{
  height:50px;
  line-height:50px;
  background-color:#fff;
  border-bottom:1px solid #f4f4f4;
  a{
    margin-left:10px;
    text-decoration:none;
    color:#000;
  }
  span{
    float:right;
    margin-right:20px;
  }
}
}
`